export default {
    /**
     * flex 1
     */
    layFlex1: {
        flex: 1,
    },
    /**
     * 上往下排列（顶对齐）
     */
    layFlexColumn: {
        flexDirection: 'column',
    },
    /**
     * 左到右排列（左对齐）
     */
    layFlexRow: {
        flexDirection: 'row',
    },
    /**
     * flex容器为多行。超出换行
     */
    layFlexWrap: {
        flexWrap: "wrap",
    },
    /**
     *  flex容器为单行。该情况下flex子项可能会溢出容器
     */
    layFlexWrapNo: {
        flexWrap: "nowrap",
    },

    /**
    * 默认值 项目被拉伸以适应容器
    */
    layAlignStretch: {
        alignItems: "stretch",
    },
    /**
     * 容器的开头
     */
    layAlignStart: {
        alignItems: "flex-start",
    },
    /**
    * 容器的结尾
    */
    layAlignEnd: {
        alignItems: "flex-end"
    },
    /**
    * 容器的中心
    */
    layAlignCenter: {
        alignItems: "center"
    },

    /**
    * 默认值 元素继承了它的父容器的 align-items 属性。如果没有父容器则为 "stretch"。 
    */
    layAlignSelfAuto: {
        alignSelf: "auto",
    },
    /**
    * 元素被拉伸以适应容器
    */
    layAlignSelfStretch: {
        alignSelf: "stretch",
    },
    /**
    * 元素位于容器的开头
    */
    layAlignSelfFlexStart: {
        alignSelf: "flex-start",
    },
    /**
    * 元素位于容器的结尾
    */
    layAlignSelfFlexEnd: {
        alignSelf: "flex-end",
    },
    /**
    * 元素位于容器的中心
    */
    layAlignSelfCenter: {
        alignSelf: "center",
    },

    /**
    * 默认值。项目位于容器的开头。
    */
    layJustifyStart: {
        justifyContent: "flex-start",
    },
    /**
    * 项目位于容器的结尾。
    */
    layJustifyEnd: {
        justifyContent: "flex-end",
    },
    /**
    * 项目位于容器的中心。
    */
    layJustifyCenter: {
        justifyContent: "center",
    },
    /**
    * 项目位于各行之间留有空白的容器内。
    */
    layJustifySpaceBetween: {
        justifyContent: "space-between",
    },
    /**
    * 项目位于各行之前、之间、之后都留有空白的容器内。
    */
    layJustifySpaceAround: {
        justifyContent: "space-around",
    },

    /* ------------------------------------------- */
    /**
     * flex 居中
     */
    layJustifyAlignCenter: {
        justifyContent: "center",
        alignItems: "center"
    },

};
